<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="../lib/css/reset.css" />
    <!-- 引入购物车样式表 index.css -->
    <link rel="stylesheet" href="../css/cart.css" />
</head>

<body>
    <!-- 页头 -->
    <div id="header">
        <div class="container">
            <div class="logo">
                <a href="../pages/index.html"><img src="../static/images/bdd9960eca7833e3d2260fc9432f7e26.png"
                        alt="小米"></a>
                <h1>我的购物车</h1>
                <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
            </div>
            <div class="user">
                <a href="../pages/login.html" class="login">登录</a>
                丨
                <a href="../pages/register.html">注册</a>
            </div>
        </div>
    </div>
    <!-- 购物车列表样式 -->
    <div id="cart">
        <div class="container">
            <table>
             
             
           
            </table>
            <!-- 合计 -->
            <div class="total" >
                <div class="left"><a href="../pages/index.html">继续购物</a>&emsp;&emsp;已选择<span class="amount">0</span>件</div>
              <div class="right">
                  <div class="totalPrice">合计<span>0</span>元</div>
                  <div class="settlement">去结算</div>
              </div>
            </div>
        </div>
    </div>
    <script src="../js/cart.js"></script>
</body>

</html>